<template>
  <div>
    <div class="classHead">课程管理</div>
    <Search/>
    <ClassList ref="getclass"/>
    <div class="cont">


      <Page />
    </div>
  </div>
</template>

<script>
import Search from "./Search.vue";
import ClassList from "./ClassList.vue";
import Page from "./Page.vue";
export default {
  components: {
    Search,
    ClassList,
    Page
  },
  data(){
    return {
      // searId: '',

    }
  },
 mounted(){
  //  this.dataSea();

 },
  methods:{
    getclass(val){
      this.$refs.getclass.getClass(val);
    },  
    addClass(){
      this.$children.addData();

    }

  }
};
</script>


<style lang="less" scoped>
.classHead {
  font-size: 16px;
  margin-bottom: 22px;
}
.cont {
  display: flex;
  align-items: center;
  justify-content:center;
}

</style>